diff options
| author | Adam Soltys <[email protected]> | 2023-11-07 13:09:52 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-11-11 00:04:22 -0800 |
| commit | 84022507dd5d5a03aedb986f0ff28c81a3bcaeec (patch) | |
| tree | e5302af2cf5481905386f7215534d3f72b1a68b8 /src/routes/(app)/[username]/(profile) | |
| parent | ff833723cdfb4a5b05a1e51dd79247fbcecff991 (diff) | |
| download | coinos-ui-84022507dd5d5a03aedb986f0ff28c81a3bcaeec.tar.gz coinos-ui-84022507dd5d5a03aedb986f0ff28c81a3bcaeec.zip | |
profile details
Diffstat (limited to 'src/routes/(app)/[username]/(profile)')
| -rw-r--r-- | src/routes/(app)/[username]/(profile)/+layout.svelte | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte index b000891e..35c316bb 100644 --- a/src/routes/(app)/[username]/(profile)/+layout.svelte +++ b/src/routes/(app)/[username]/(profile)/+layout.svelte @@ -60,7 +60,7 @@ <div class="container mx-auto w-full px-4 mb-4 flex flex-wrap lg:flex-nowrap space-y-5"> <div class="hidden lg:block lg:w-[300px]" /> - <div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto"> + <div class="lg:w-[300px] lg:absolute space-y-5 left-20 mx-auto max-w-md"> <div class="flex text-3xl font-bold text-center mx-auto justify-center gap-2" on:click={toggleDetails} @@ -71,45 +71,48 @@ {#if showDetails} <div> + <div class="font-bold">{$t('user.profilePage')}</div> <div class="flex gap-2"> <div class="break-all grow text-secondary text-lg"> - {npub} + {profile} </div> <div class="flex mb-auto gap-1"> - <button class="my-auto hover:opacity-40" on:click={() => copy(npub)} + <button class="my-auto opacity-60 hover:opacity-100" on:click={() => copy(profile)} ><Icon icon="copy" style="max-w-max min-w-[32px]" /></button > - <a href={`/qr/${encodeURIComponent(npub)}`} class="my-auto hover:opacity-40"> + <a href={`/qr/${encodeURIComponent(profile)}`} class="my-auto opacity-60 hover:opacity-100"> <Icon icon="qr" style="invert max-w-max min-w-[32px]" /> </a> </div> </div> </div> <div> + <div class="font-bold">{$t('user.lightningAddress')}</div> <div class="flex gap-2"> <div class="break-all grow text-secondary text-lg"> {lnaddr} </div> <div class="flex mb-auto gap-1"> - <button class="my-auto hover:opacity-40" on:click={() => copy(lnaddr)} + <button class="my-auto opacity-60 hover:opacity-100" on:click={() => copy(lnaddr)} ><Icon icon="copy" style="max-w-max min-w-[32px]" /></button > - <a href={`/qr/${encodeURIComponent(lnaddr)}`} class="my-auto hover:opacity-40"> + <a href={`/qr/${encodeURIComponent(lnaddr)}`} class="my-auto opacity-60 hover:opacity-100"> <Icon icon="qr" style="invert max-w-max min-w-[32px]" /> </a> </div> </div> </div> <div> + <div class="font-bold">{$t('user.nostrPubkey')}</div> <div class="flex gap-2"> <div class="break-all grow text-secondary text-lg"> - {profile} + {npub} </div> - <div class="flex mb-auto gap-1"> - <button class="my-auto hover:opacity-40" on:click={() => copy(profile)} - ><Icon icon="copy" style="max-w-max min-w-[32px] hover:opacity-40" /></button + <div class="flex my-auto gap-1"> + <button class="my-auto opacity-60 hover:opacity-100" on:click={() => copy(npub)} + ><Icon icon="copy" style="max-w-max min-w-[32px]" /></button > - <a href={`/qr/${encodeURIComponent(profile)}`} class="my-auto hover:opacity-40"> + <a href={`/qr/${encodeURIComponent(npub)}`} class="my-auto opacity-60 hover:opacity-100"> <Icon icon="qr" style="invert max-w-max min-w-[32px]" /> </a> </div> |